<!DOCTYPE html>
<meta charset="utf-8">
<title>BB-8 Control</title>
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<link rel="stylesheet" old-href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" href="normalize.min.css">
<link rel="stylesheet" href="main.css">
<link rel="icon" href="icon-144x144.png">
<link rel="manifest" href="bb8.webmanifest">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<!-- Origin Trial Token, feature = Web Bluetooth, origin = https://operasoftware.github.io, expires = 2017-01-24 -->
<meta http-equiv="origin-trial" data-feature="Web Bluetooth" data-expires="2017-01-24" content="Aht/Eh3TdOHu39rmMwSz5DdQKpsplWM9OPV6mEq1ZjZK5E3FWs7Jl/bv3W3ggHVBekI6pAAx/fq0fdiPKKPeRQYAAABdeyJvcmlnaW4iOiJodHRwczovL29wZXJhc29mdHdhcmUuZ2l0aHViLmlvOjQ0MyIsImZlYXR1cmUiOiJXZWJCbHVldG9vdGgiLCJleHBpcnkiOjE0ODUzMDIzOTl9">

<h1><span>BB-8 Control</span></h1>
<div>
	<button class="button-connect" id="connect">Connect</button>
	<button class="button-stop" id="stop">Stop</button>
</div>
<div id="message" vclass="hide">Wait for connection</div>
<main>
	<button class="button-aim" id="aim">Aim</button>
	<button class="button-led button-led-red" id="red">Red</button>
	<button class="button-led button-led-blue" id="blue">Blue</button>
	<button class="button-led button-led-green" id="green">Green</button>
	<button class="button-led button-led-off" id="off">Off</button>
</main>
<div>
	<img src="joypad.svg" id="joypad" width="300" height="300" alt="">
</div>
<script async src="main.js"></script>
